<!--
 * @Author: your name
 * @Date: 2021-05-10 10:41:28
 * @LastEditTime: 2021-05-13 17:35:24
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \随便写写d:\管小助\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./dist/reset/reset.css">
    <!-- <link rel="stylesheet" href="./dist/bootstrap/css/bootstrap.css"> -->
    <link media="(min-device-width:1280px)" rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 首页头部 -->
    <div id="header">
        <div class="headerAll">
            <div class="headerLeft">
                <div class="headerLeft-L">
                    <a href="#">
                        <img src="./img/logo.svg" alt="">
                    </a>
                </div>
                <div class="headerLeft-line"></div>
                <div class="headerLeft-R">
                    <div>
                        <img src="./img/qiyeweixin.svg" alt="">
                        <p>企业微信服务商</p>
                    </div>
                    <p>135编辑器旗下产品</p>
                </div>
            </div>
            <div class="headerRight">
                <!-- L是头部导航 -->
                <ul class="headerRight-L">
                    <li>首页</li>
                    <li class="product">
                        <span>产品</span>
                        <img src="./img/arrows.svg" alt="">
                    </li>
                    <li class="solution">
                        <span>解决方案</span>
                        <img src="./img/arrows.svg" alt="">
                    </li>
                    <li>私域部署</li>
                    <li class="serviceCenter">
                        <span>服务中心</span>
                        <img src="./img/arrows.svg" alt="">
                    </li>
                </ul>
                <div class="headerRight-R">
                    <div>免费使用</div>
                    <span>登录</span>
                </div>
            </div>
        </div>
        <div class="ComboBox">
            <ul class="ComboBox-box">
                <li class="drainageNav">
                   <ul>
                       <li class="textDrainageNav">
                            <div></div>
                            <p>引流获客</p>
                       </li>
                       <div class="option"> 
                           <p>裂变引流</p>
                           <p>渠道活码</p>
                           <p>批量加好友</p>
                       </div>
                   </ul>
                </li>
                <li class="customerManageNav">
                    <ul>
                        <li class="textDrainageNav">
                             <div></div>
                             <p>客户管理</p>
                        </li>
                        <div class="option"> 
                            <p>所有客户</p>
                            <p>客户标签</p>
                            <p>客户统计</p>
                            <p>客户阶段</p>
                        </div>
                    </ul>
                </li>
                <li class="customerOperationNav">
                    <ul>
                        <li class="textDrainageNav">
                             <div></div>
                             <p>客户运营</p>
                        </li>
                        <div class="option"> 
                            <p>客户群发</p>
                            <p>客户SOP</p>
                            <p>客户欢迎语</p>
                            <p>流失提醒</p>
                        </div>
                    </ul>
                </li>
                <li class="CustomerGroupOperationNav">
                    <ul>
                        <li class="textDrainageNav">
                             <div></div>
                             <p>客户群运营</p>
                        </li>
                        <div class="option"> 
                            <p>客户群发客户群列表</p>
                            <p>客户SOP客户群SOP</p>
                            <p>客户欢迎语客户群群发</p>
                            <p>流失提醒自动拉群</p>
                            <p>标签建群</p>
                            <p>客户群欢迎语</p>
                        </div>
                    </ul>
                </li>
                <li class="marketingToolNav">
                    <ul>
                        <li>
                             <div></div>
                             <p>营销工具</p>
                        </li>
                        <div class="option"> 
                            <p>侧边栏</p>
                            <p>智能话术库</p>
                            <p>营销内容</p>
                        </div>
                    </ul>
                </li>
                <li class="sessionFileNav">
                    <ul>
                        <li>
                             <div></div>
                             <p>会话存档</p>
                        </li>
                        <div class="option"> 
                            <p>侧边栏会话统计</p>
                            <p>智能话术库敏感词统计</p>
                            <p>营销内容敏感词管理</p>
                            <p>敏感词动作</p>
                            <p>质检人员通知</p>
                        </div>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部下的背景图 -->

        <div class="bg">
            <!-- 背景图上的文字 -->
            <div class="bg-box">
                <div class="bg-text">
                    <span>企业微信私域流量营销工具</span>
                    <span>客户全流程数字化营销方案</span>
                </div>
                <div class="operation">
                    <button>免费使用</button>
                    <button>联系专属客户</button>
                </div>
                <div class="bg-bottom">
                    <ul>
                        <li>
                            <img src="./img/diyige.svg" alt="">
                            <div>
                                <strong>降低获客成本</strong>
                                <span>低成本甚至零成本&nbsp;获取用户关注获取用户关注</span>
                            </div>
                        </li>
                        <li>
                            <img src="./img/dierge.svg" alt="">
                            <div>
                                <strong>拉近客户距离</strong>
                                <span>低成本甚至零成本&nbsp;获取用户关注获取用户关注</span>
                            </div>
                        </li>
                        <li>
                            <img src="./img/miaozhunjing.svg" alt="">
                            <div>
                                <strong>精准客户营销</strong>
                                <span>低成本甚至零成本&nbsp;获取用户关注获取用户关注</span>
                            </div>
                        </li>
                        <li class="last">
                            <img src="./img/disige.svg" alt="">
                            <div>
                                <strong>简化企业风险</strong>
                                <span>低成本甚至零成本&nbsp;获取用户关注获取用户关注</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    
    <!-- 引流 -->
    <div id="drainage">
        <p>引流获客</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div id="bigLine">
        <div id="xxk1">
            <ul class="firstXxk">
                <li class="pick">
                    <img src="./img/icon/drainage.svg" alt="">
                    <div >裂变引流</div>
                </li>
                <li>
                    <img src="./img/icon/channelQR.svg" alt="">
                    <div>渠道活码</div>
                </li>
                <li>
                    <img src="./img/icon/BatchFriending.svg" alt="">
                    <div>扫码加好友</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="xxk1-main">
        <div class="boxshandow on">
            <div class="title">
                <p>裂变引流</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">通过活动任务引导用户裂变拉新，实现用户指数级增长，支持公众号和企业微信同时裂变。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>裂变引流1</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">通过活动任务引导用户裂变拉新，实现用户指数级增长，支持公众号和企业微信同时裂变。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>裂变引流2</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">通过活动任务引导用户裂变拉新，实现用户指数级增长，支持公众号和企业微信同时裂变。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
    </div>
    <!-- 客户管理 -->
    <div id="customerManage">
        <p>客户管理</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div id="bigLine2">
        <div id="xxk2">
            <ul class="secondXxk">
                <li class="pick">
                    <img src="./img/icon/Allcustomers.svg" alt="">
                    <div>所有客户</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerTag.svg" alt="">
                    <div>客户标签</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerStage.svg" alt="">
                    <div>客户阶段</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerStatistics.svg" alt="">
                    <div>客户统计</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="xxk2-main">
        <div class="boxshandow on">
            <div class="title">
                <p>所有客户</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计企业所有客户，支持多维度查询以及自定义权限字段。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>所有客户1</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计企业所有客户，支持多维度查询以及自定义权限字段。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>所有客户2</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计企业所有客户，支持多维度查询以及自定义权限字段。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>所有客户3</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计企业所有客户，支持多维度查询以及自定义权限字段。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
    </div>
    <!-- 客户运营 -->
    <div id="customerOperation">
        <p>客户运营</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div id="bigLine3">
        <div id="xxk3">
            <ul class="secondXxk">
                <li class="pick">
                    <img src="./img/icon/CustomerSend.svg" alt="">
                    <div>客户群发</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerSOP.svg" alt="">
                    <div>客户SOP</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerWelcome.svg" alt="">
                    <div>客户欢迎语</div>
                </li>
                <li>
                    <img src="./img/icon/LossOfRemind.svg" alt="">
                    <div>流失提醒</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="xxk3-main">
        <div class="boxshandow on">
            <div class="title">
                <p>客户群发</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">可按客户标签、阶段、时间等多维度定时群发消息。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群发1</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">可按客户标签、阶段、时间等多维度定时群发消息。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群发2</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">可按客户标签、阶段、时间等多维度定时群发消息。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群发3</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">可按客户标签、阶段、时间等多维度定时群发消息。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
    </div>
    <!-- 客户群运营 -->
    <div id="CustomerGroupOperation">
        <p>客户群运营</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div id="bigLine4">
        <div id="xxk4">
            <ul class="secondXxk">
                <li class="pick">
                    <img src="./img/icon/Customerbaselist.svg" alt="">
                    <div>客户群列表</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerGrounpSOP.svg" alt="">
                    <div>客户群SOP</div>
                </li>
                <li>
                    <img src="./img/icon/CustomerMass.svg" alt="">
                    <div>客户群群发</div>
                </li>
                <li>
                    <img src="./img/icon/pullgroup.svg" alt="">
                    <div>自动拉群</div>
                </li>
                <li>
                    <img src="./img/icon/LabelBuildingGroup.svg" alt="">
                    <div>标签建群</div>
                </li>
                <li>
                    <img src="./img/icon/Groupwelcome.svg" alt="">
                    <div>群欢迎语</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="xxk4-main">
        <div class="boxshandow on">
            <div class="title">
                <p>客户群列表</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计所有群聊，支持多维度查询，以及群信息、群统计，自定义群标签。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群列表1</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计所有群聊，支持多维度查询，以及群信息、群统计，自定义群标签。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群列表2</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计所有群聊，支持多维度查询，以及群信息、群统计，自定义群标签。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群列表3</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计所有群聊，支持多维度查询，以及群信息、群统计，自定义群标签。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群列表4</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计所有群聊，支持多维度查询，以及群信息、群统计，自定义群标签。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>客户群列表5</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计所有群聊，支持多维度查询，以及群信息、群统计，自定义群标签。</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
    </div>
    <!-- 营销工具 -->
    <div id="marketingTool">
        <p>营销工具</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div id="bigLine5">
        <div id="xxk5">
            <ul class="secondXxk">
                <li class="pick">
                    <img src="./img/icon/sidebar.svg" alt="">
                    <div>侧边栏</div>
                </li>
                <li>
                    <img src="./img/icon/WordLibrary.svg" alt="">
                    <div>智能话术库</div>
                </li>
                <li>
                    <img src="./img/icon/marketingMain.svg" alt="">
                    <div>营销内容</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="xxk5-main">
        <div class="boxshandow on">
            <div class="title">
                <p>侧边栏</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">员工可直接在企业微信会话窗口打开侧边栏查看、编辑客户信息。并支持一键发送企业制定的话术和营销内容</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>侧边栏1</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">员工可直接在企业微信会话窗口打开侧边栏查看、编辑客户信息。并支持一键发送企业制定的话术和营销内容</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>侧边栏2</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">员工可直接在企业微信会话窗口打开侧边栏查看、编辑客户信息。并支持一键发送企业制定的话术和营销内容</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
    </div>
    <!-- 会话存档 -->
    <div id="sessionFile">
        <p>会话存档</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div id="bigLine6">
        <div id="xxk6">
            <ul class="secondXxk">
                <li class="pick">
                    <img src="./img/icon/Sessionstatistics.svg" alt="">
                    <div>会话统计</div>
                </li>
                <li>
                    <img src="./img/icon/SensitiveWordStatistics.svg" alt="">
                    <div>敏感词统计</div>
                </li>
                <li>
                    <img src="./img/icon/SensitiveWordManagement.svg" alt="">
                    <div>敏感词管理</div>
                </li>
                <li>
                    <img src="./img/icon/SensitiveWordAction.svg" alt="">
                    <div>敏感词动作</div>
                </li>
                <li>
                    <img src="./img/icon/quality.svg" alt="">
                    <div>质检人员通知</div>
                </li>
            </ul>
        </div>
    </div>
    <div id="xxk6-main">
        <div class="boxshandow on">
            <div class="title">
                <p>会话统计</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计员工聊天记录、客户聊天记录、群聊天记录支持多维度查询</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>会话统计1</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计员工聊天记录、客户聊天记录、群聊天记录支持多维度查询</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>会话统计2</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计员工聊天记录、客户聊天记录、群聊天记录支持多维度查询</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>会话统计3</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计员工聊天记录、客户聊天记录、群聊天记录支持多维度查询</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
        <div class="boxshandow">
            <div class="title">
                <p>会话统计4</p>
                <div class="yuan"></div>
            </div>
            <div class="textarea">实时统计员工聊天记录、客户聊天记录、群聊天记录支持多维度查询</div>
            <div class="operation2">
                <button class="free">免费使用</button>
                <button class="customer">联系专属客户</button>
            </div>
        </div>
    </div>
    <!-- 产品动态 -->
    <div id="ProductDynamic">
        <p>产品动态</p>
        <div class="lineGroup">
            <p class="line-left"></p>
            <p class="line-mid"></p>
            <p class="line-right"></p>
        </div>
    </div>
    <div class="fourMainBox">
        <div class="fourMainTop">
            <div class="fourMainTop-left">
                <div class="dashedline"></div>
                <div class="textline">
                    <strong>管小助真厉害啊真厉害</strong>
                    <p>管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害</p>
                    <span>2021-02-21</span>
                </div>
            </div>
            <div class="fourMainTop-right">
                <div class="dashedline"></div>
                <div class="textline">
                    <strong>管小助真厉害啊真厉害</strong>
                    <p>管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害</p>
                    <span>2021-02-21</span>
                </div>
            </div>
        </div>
        <div class="fourMainBot">
            <div class="fourMainBot-left">
                <div class="dashedline"></div>
                <div class="textline">
                    <strong>管小助真厉害啊真厉害</strong>
                    <p>管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害</p>
                    <span>2021-02-21</span>
                </div>
            </div>
            <div class="fourMainBot-right">
                <div class="dashedline"></div>
                <div class="textline">
                    <strong>管小助真厉害啊真厉害</strong>
                    <p>管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害管小助好帅 好帅，厉害厉害</p>
                    <span>2021-02-21</span>
                </div>
            </div>
        </div>
    </div>
    <div class="moreDynamic">
        <button>更多动态</button>
    </div>
    <!-- 管家海报 -->

    <div id="GXZposter">
        <div>
            <p>管小助SCRM——您的私域流量管家</p>
            <button>立即免费使用</button>
        </div>
    </div>
    <div id="footer">
        <div class="footer-left">
            <img src="./img/logo.svg" alt="">
            <div class="footerQR">
                <img src="./img/erweima.svg" alt="">
                <img src="./img/erweima.svg" alt="">
            </div>
        </div>
        <div class="footer-right">
            <div class="page1">
                <a href="#">联系我们</a>
                <ul>
                    <li>成都刻尚科技有限公司</li>
                    <li>四川省青羊区中坝中铁西城5栋707</li>
                    <li>400-800-8820</li>
                </ul>
            </div>
            <div class="page2">
                <a href="#">商业合作</a>
                <p>电话咨询：13888888888</p>
            </div>
            <div class="page3">
                <a href="#">友情链接</a>
                <ul>
                    <li>135编辑器</li>
                    <li>比格设计</li>
                    <li>运营指南</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="lastfoot">
        备案号川ICP备15002531号-12
    </div>
    <div class="floornav">
        <img src="./img/asideQG.svg" alt="">
        <p>微信扫码添加您的专属客服
            即可领取15天免费试用</p>
    </div>
</body>
<script src="./dist/jquery/jquery.js"></script>
<script src="./dist/bootstrap/js/bootstrap.js"></script>
<script src="./js/index.js"></script>
</html>